﻿    <div id="homeView" data-role="view" 
         data-title="Proveedores"
         data-model="BoxSportSystem.proveedoresList.viewModel"
         data-show="BoxSportSystem.proveedoresList.onShow"
        data-layout="mainLayout">
        
        <header data-role="header">
            <div data-role="navbar">  
                <span data-role="view-title">Proveedores</span>
  
                <input style="width: 150px; height: 20px "  type="search" placeholder="Buscar" class="form-control" data-bind="value: criterio"/>
                <button data-role="button" data-icon="search" data-bind="click: buscar"></button>
                <!--<a class="nav-button" data-align="right" data-role="button" data-icon="search"></a>-->                
            </div>
        </header>

        <ul data-role="listview" data-style="inset"
            data-template="proveedoresListTemplate"
            data-bind="source: proveedoresDataSource">
            <li><a href="view/Pagos/boucher.html#regitrarPagoView" data-icon="add">Proverrdor 001</a> </li>
            <li><a href="view/Pagos/boucher.html#regitrarPagoView" data-icon="add">Proverrdor 002</a> </li>
            <li><a href="view/Pagos/boucher.html#regitrarPagoView" data-icon="add">Proverrdor 003</a> </li>
        </ul>
    </div>

<script id="proveedoresListTemplate" type="text/x-kendo-tpml">
        #var  url ='view/Pagos/boucher.html\\#regitrarPagoView?idProveedor='+data.Id #
        <a href="${url}">
            <ul data-type="group" data-role="listview">
                <li>
                    ${data.NombreEmpresa}
                    <ul>
                        <li>Ruc: ${data.RucProvedor}<br/></li>
                    </ul>
                </li>
            </ul>                               
        </a>
    </script>